.elayer-mask { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(199, 199, 199, 0.3); z-index: 8888; }
.elayer-view { min-width: 450px; max-width: 80%; position: fixed; z-index: 9999; }
.elayer-title { height: 50px; position: relative; overflow: hidden; background-color: #2b344c; line-height: 50px; }
.elayer-title > h2 { padding: 0px 55px 0px 10px; position: relative; font-size: 18px; font-weight: 600; color: #fff; }
.elayer-close { width: 50px; height: 50px; position: absolute; right: 0px; top: 0px; background: #2b344c; color: #fff; text-align: center; cursor: pointer; }
.elayer-close:hover { background-color: #f55; }
.elayer-content { position: relative; padding: 15px 20px; background-color: #424a5f; color: #fff; font-size: 14px; }
.elayer-content > h3 { font-weight: normal; text-align: center; }
.elayer-loading { height: 50px; position: relative; text-align: center; background: url(loading.gif) no-repeat; background-position: center center; }
.elayer-confirm, .elayer-sure { position: relative; text-align: center; margin-top: 15px; }

.elayer-confirm > .elayer-yes,
.elayer-confirm > .elayer-no,
.elayer-sure > .elayer-ok { display: inline-block; line-height: 40px; border: 0; font-size: 16px; background-color: #a0aeb9; cursor: pointer; }
.elayer-confirm > .elayer-yes,
.elayer-confirm > .elayer-no { width: 45%; }
.elayer-sure > .elayer-ok { width: 100%; }
.elayer-confirm > .elayer-yes { margin-left: 5%; }

.elayer-confirm > .elayer-yes:hover,
.elayer-confirm > .elayer-no:hover { background-color: #f55; }


.elayer-text { display: block; width: 100%; height: 40px; border: 0; margin-bottom: 15px; }
.elayer-p { margin-bottom: 15px; }
